body,
html {
	display: flex;
	flex-direction: column;
	header {
		background-color: #4294ff;
		width: 100%;
		height: 300px;
		padding: 10px 15px;
		a {
			font-size: 30px;
			color: #fff;
		}
		.sportsdata {
			color: #fff;
			display: flex;
			justify-content: space-between;
			img {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				vertical-align: middle;
				background-color: #fff;
			}
			h3 {
				line-height: 60px;
			}
		}
		.soprtstext {
			display: flex;
			justify-content: space-between;
			div {
				padding-left: 10px;
				width: 50%;
				color: #eee;
				p {
					line-height: 80px;
					color: #fff;
				}
				span {
					font-size: 40px;
				}
			}
			.tatol {
				border-right: 1px dashed #ccc;
			}
		}
		.datas {
			display: flex;
			justify-content: space-between;
			color: #eee;
			margin-top: 20px;
			P {
				line-height: 40px;
				color: #fff;
				font-weight: bold;
                font-size: 30px;
			}
		}
	}

	main {
		height: 100px;
		flex-grow: 1;
		overflow: auto;
		div {
			padding: 10px;
			height: 200px;
			margin: 20px;
			border: 1px solid #ccc;
			border-radius: 20px;
		}
	}
}
